// 获取所有评论数据渲染展示
// 接口地址： http://www.liulongbin.top:3006/api/cmtlist
// 请求方式： GET
function render() {
    $.get(' http://www.liulongbin.top:3006/api/cmtlist',({status,msg,data})=>{
    if (status!==200) {
        return alert(msg)
        
    }
    const htmlStr =data.map(({content,time,username})=>{
        return `
        <li class="list-group-item">
      <span class="badge" style="background-color: #F0AD4E;">评论时间：${time}</span>
      <span class="badge" style="background-color: #5BC0DE;">评论人：${username}</span>
     ${content}
    </li>
        `
    }).join('')
    $('#cmt-list').html(htmlStr)
})
    $('#formAddCmt').on('submit',(e)=>{
        e.preventDefault()
        const data = $('#formAddCmt').serialize()
        $.post('http://www.liulongbin.top:3006/api/addcmt',data,    ({status,msg})=> {
            if (status !==201) {
                return alert(msg)
            }render()
            $('#formAddCmt')[0].reset()
            /*reset() 方法会将表单控件重置为默认值，包括文本框、下拉列表、单选框、复选框等。同时，也会清除表单控件中的任何输入值、选中状态等。*/
            
        })
    })
}   
render()
// 发表评论
// 接口地址： http://www.liulongbin.top:3006/api/addcmt
// 请求方式： POST
